extends ../public/layout
block title
    title 分享一下
block stylesheet
    link(rel="stylesheet", href="/bower_components/swiper/dist/css/swiper.css")
block content
    .am-container.share-container
        img.img-responsive.am-margin-bottom(src="/public/images/share.png")
        .swiper-container
            .swiper-wrapper
                each product in order.orderProducts
                    .swiper-slide
                        .share-box
                            img.img-responsive(src="#{__IMAGE_HOST__}#{product.images}")
                            .am-g.flex
                                .am-u-sm-8
                                    p #{product.title}
                                .am-u-sm-4
                                    span.lg-font.money-color ￥#{product.price}
                            a.am-btn.select-class.am-block.am-btn-lg.go-pay.am-round.am-center.py-btn(href="/home/#{order.storeId}") 进店逛逛
                            p.pure-gray.am-text-center 来自#{order.store}
        .swiper-pagination.am-center(style="left:49%")
block javascript
    script(type="text/javascript" src = "/bower_components/swiper/dist/js/swiper.min.js")
    script(type="text/javascript" src = "/public/javascripts/share.js")
    script(type="text/javascript").
        $(function(){
            share.init();
        });
